<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>登录界面</title>
	</head>
	<body style="margin: 0;padding: 0;">
		<!-- 整个页面是一个大盒子 -->
		<div>
			<!-- 设置最上方的工具栏，最上方是一个盒子-->
			<div style="width: 100%; height: 6%;background-color: darkblue;position: absolute;">
				<!-- 给图片设置一个盒子 -->
				<div style="float: left;"><img alt="左上角小图案" src="images/login/topleft.gif"/></div>
				<!-- 给上方文字设置一个盒子 -->
				<div style="float: left; margin-left: 1%; height: 6%;line-height: 6%;">
					<p>
						<font color="white" >欢迎使用本管理系统</font>
					</p>
				</div>
				<!-- 给上方邮编文字设置一个盒子 -->
				<div style="float: left; margin-left: 76%;height: 6%;line-height: 6%;">
					<p>
						<font color="white">返回首页|帮助
				</div>
			</div>
			<!-- 主工作区设置一个盒子 -->
			<div style="width: 100%;height: 94%;position: fixed;margin-top: 2.5%;">
				<!-- 插入那个最大的主图 -->
				<div style="background: url(images/login/login.gif) no-repeat fixed center;width: 100%;height: 100%;
				background-repeat: no-repeat;background-size: 100% 100%; float: left;">
				<!-- user login那块设置一个背景为白色的大盒子把他包裹起来 -->
				<div style="width: 35%;height: 35%;background-color:white;margin-left: 43%;margin-top: 15%;">
					<p><font color="blue" size="3">用户登录&nbsp;&nbsp;UserLogin</font></p>
					<!-- 插入的图片上面放了一个文本域 -->
					<div style="background: url(images/login/username.gif) no-repeat ; width: 100%;">
						<textarea name="text1"cols="30%"style="margin-left: 11%;margin-top: 1%;height: 35px;"></textarea>
					</div><br />
					<!-- 插入的图片上面放了一个文本域 -->
					<div style="background: url(images/login/pwd.gif) no-repeat ; width: 100%;">
						<textarea name="text2"cols="30%"style="margin-left: 11%;margin-top: 1%;height: 35px;"></textarea>
					</div>
					<!-- 确定按钮,这里加了一个链接，点击登录按钮就可以跳到第二个界面-->
					<a href="kuangjia.html"><button name="登录" style="background-color: green; width:20%;height: 15%;"><font color="white">登录</font></button></a>
					<!-- 验证码框 -->
					<input type="text" name="yzh" id="textyzh" size="4" style="width: 20%;height: 12%;"/>
					<!-- 验证码图片 -->
					<img alt="验证码" src="images/login/verify.png" style="margin-top: 2%;"/>
				</div>
			</div>
		</div>
	</body>
</html>
